<template>
  <div >
    <!-- {{list.content}} -->
    <div class="swipList_main" >
      <div class="swiperList">
      <img :src="list.pic" alt="">
    </div>
    <div id="swipList_main" v-html="list.content"></div>
  </div>
    </div>
</template>
<script>
export default {
  data() {
    return {
      list: [],
    };
  },
  mounted() {
    console.log();
    this.$API
      .deali(this.$route.query.id)
      .then((res) => {
        this.list = res.data.data;
        console.log(this.list);
     
      })
      .catch((error) => {
        console.log(error);
      });
    //   var x= document.querySelector('#swipList_main')
    //   console.log(x);
    //   x.innerHTML(this.list.content)
        // this.$refs.swipList_main.innerHTML(this.list.content)
  },
};
</script>
<style scoped>
  .swipList_main{
    margin-top: 1rem;
  }
  .swiperList{
    width: 100%;
    height: 2.4rem;
  }
  .swiperList>img{
     width: 100%;
    height: 2.4rem;
  }
</style>